<template>
  <div>
    <div class="chart-scrollbar" :style="{ height: `calc(100vh - ${initTagViewHeight}` }">
		  <div class="chart-warp layout-view-bg-white">
        <div class="chart-warp-top">
          <ChartHead />
        </div>
      </div>
    </div>

    <el-row justify='center' type='flex'>
      <el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
        <el-card style="margin:10px 0 0 0">
          <template #header>
            <div class="header">
              <span><i class='el-icon-star-off'></i> 工作成果</span>
            </div>
          </template>
          <div>
            <Diagram />
          </div>
        </el-card>
      </el-col>
    </el-row>

    <el-row justify='center' type='flex'>
      <el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
        <el-card style="margin:10px 0 0 0">
          <template #header>
            <div class="header">
              <span><i class='el-icon-star-off'></i> 上司评价</span>
            </div>
          </template>
          <div>
            <BossEvaluation/>
          </div>
        </el-card>
      </el-col>
    </el-row>

    <el-row justify='center' type='flex'>
      <el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
        <el-card style="margin:10px 0 0 0">
          <template #header>
            <div class="header">
              <span><i class='el-icon-star-off'></i> 同事评价</span>
            </div>
          </template>
          <div><ColleagueEvaluation/></div>
        </el-card>
      </el-col>
    </el-row>
  </div>
</template>
<script>
import ChartHead from '/@/views/archives/component/head.vue';
import Diagram from '/@/views/archives/component/diagram.vue';
import BossEvaluation from '/@/views/archives/component/bossEvaluation.vue';
import ColleagueEvaluation from '/@/views/archives/component/colleagueEvaluation.vue';
export default {
  components: { ChartHead, Diagram, BossEvaluation, ColleagueEvaluation},
  name: '',
  data () {
    return {}
  },
  methods: {}
}
</script>
<style lang="scss">
@import './chart.scss';
</style>
